<include file="Public/newset-header" title="发布应用" />
<link rel="stylesheet" href="__STATIC__/css/default.css" />
<link rel="stylesheet" href="__STATIC__/css/app.css" />
<style type="text/css">
	#container {
		width: 100%;
		margin: 0 auto;
		height: 630px;
	}
	
	.btn-u {
		background: #56bc94;
	}
	
	.qq-upload-button-selector {
		margin-top: 220px;
	}
	
	ul {
		list-style: none;
		margin: 0;
	}
	
	.container {
		text-align: center;
	}
	
	ul {
		list-style: none;
	}
	
	.container {
		text-align: center;
	}
	
	.container h1 {
		width: 150px;
		float: left;
	}
	
	.biaoti p {
		width: 150px;
		float: right;
		line-height: 62px;
		margin: 0;
		text-align: right;
		padding-right: 15px;
	}
	
	.residue {
		width: 170px;
		border-radius: 6px;
		background: #F9F9F9;
		height: 62px;
		float: left;
		padding: 10px 40px;
		position: relative;
	}
	
	.residue a {
		color: #22c485;
		text-decoration: none;
	}
	
	.residue span {
		display: block;
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #22c485;
		top: 28px;
		left: 25px;
	}
	
	.uploading {
		overflow: auto;
		text-align: left;
	}
	
	.uploading-left {
		width: 500px;
		float: left;
	}
	
	.uploading-left a {
		display: block;
		width: 120px;
		border: 1px solid #2fc387;
		text-align: center;
		float: left;
		height: 36px;
		line-height: 36px;
		border-radius: 5px;
		text-decoration: none;
	}
	
	.uploading-left a img {
		margin-right: 10px;
	}
	
	.uploading-right {
		width: 298px;
		float: right;
	}
	
	.uploading-right input {
		width: 298px;
		border: 1px solid #CCCCCC;
		border-radius: 20px;
		height: 36px;
		padding: 0 20px;
		outline: none;
	}
	
	.mine {
		border-bottom: 1px solid #e5e6e8;
		overflow: hidden;
		height: 78px;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.mine h3 {
		width: 150px;
		text-align: left;
		float: left;
		margin: 0;
		font-size: 28px;
	}

	.mine a {
		float: left;
	}
	
	.mine img {
		width: 34px;
	}
	
	.complete {
		background: #2FC387;
		width: 78px;
		height: 34px;
		line-height: 34px;
		color: #FFFFFF;
		border-radius: 16px;
		border: 1px solid #2FC387;
	}
	.complete:hover{color: #FFFFFF;}
	table tr td {
		overflow: auto;
	}
	
	.uselist-top {
		border-bottom: 1px solid #e5e6e8;
		height: 60px;
		line-height: 60px;
	}
	
	.uselist-top {
		overflow: visible!important;
	}
	
	.ico {
		float: left;
		width: 66px;
		
		margin-top: 16px;
	}
	.ico img{width: 66px;border: 1px solid #c5c5c5;
		border-radius: 16px;}
	
	.explain {
		float: left;
		width: 150px;
		height: 100px;
	}
	.explain h3{margin:8px 0;}
	.explain h3 img{margin-bottom: 4px;width: 18px;margin-left: 10px;}
	
	.explain span {
		display: block;
		line-height: 26px;
		color: #b5b4b4;
	}
	
	.explain p {
		font-size: 12px;
		text-align: left;
		padding-left: 20px;
	}
	
	.pink {
		background: #fde8e8!important;
	}
	
	.blue {
		background: #e7f7f1;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	.banned {
		display: block;
		width: 50px;
		height: 30px;
		background: #fd6769;
		color: #FFFFFF;
		margin: 32px auto;
		line-height: 30px;
		border-radius: 5px;
		position: relative;
	}
	
	.banned .tishi {
		position: absolute;
		top: 10px;
		display: none;
		width: 200px;
		height: 108px;
		top: 30px;
		left: -75px;
		z-index: 999;
		background: url(__STATIC__/img/text-bg.png) no-repeat;
		color: #000000;
		font-size: 14px;
		line-height: 20px;
		padding: 38px 20px;
	}
	.banned:hover {
		text-decoration: none;
		color: #FFFFFF;
	}
	.s-pic {
		padding: 35px 0 0 70px;
		height: 100px;
	}
	.s-pic div {
		width: 32px;
		height: 26px;
		float: left;
		margin: 0 5px;
	}
	.s-pic img {
		width: 21px;
	}
	
	.shezhi {
		position: relative;
	}
	
	.shezhi ul {
		position: absolute;
		left: -80px;
		top: 30px;
		width: 128px;
		padding: 0;
		background: #FFFFFF;
		line-height: 38px;
		border: 1px solid #c8c8c8;
		border-radius: 5px;
		z-index: 999999;
	}
	.uselist-top{padding: 0;font-size: 16px;}
	.shezhi ul li i {
		margin-right: 10px;
	}
	.conceal img{margin-bottom: 3px;}
	.shezhi ul.conceal {
		display: none;
	}
	p{margin: 0 0 5px;}
	.conceal a{color: #000000;display: block;}
	.line {
		height: 2px;
		background: #C8C8C8;
	}
	.explain p img{width: 20px;margin-right: 10px;}
	.gray{background: #f9f9f9;}
	.uselist-bot{border-bottom: 2px solid #e5e6e8;padding: 10px 0;}
	.uselist-bot:hover{background: #e7f7f1;}
	.explain p .qiniu{margin-bottom: 5px;}
	.explain p .neibu{margin-bottom: 3px;}
	
	.qr-code{position: relative;}
	.qr-code .erweima{position: absolute;width: 148px;height: 148px;left: -60px;top: 30px;z-index: 999999;border: 1px solid #c8c8c8;display: none;}
	.qr-code .erweima img{width: 146px;height: 146px;}
	@media (max-height: 900px) {
		#container {
			height: 450px;
		}
		.qq-upload-button-selector {
			margin-top: 150px;
		}
	}
	@media (max-height: 720px) {
		#container {
			height: 330px;
		}
		.qq-upload-button-selector {
			margin-top: 100px;
		}
	}
</style>
<input type="hidden" name="loginuid" id="loginuid" value="{$loginuid}">
<div class="collapse navbar-collapse navbar-responsive-collapse">

</div>
</div>
</div>
</header>
<div class="row-fluid breadcrumbs margin-bottom-20">
	<div class="container biaoti">
		<h1>我的应用</h1>
		<!--剩余次数-->
		<div class="residue">
			<span></span> 剩余下载次数500000
			<a href="">更多</a>
		</div>
		<p>管理我上传的应用</p>
	</div>
</div>
<!--我的应用管理-->
<div class="container content recent">
	<!--上传按钮-->
	<div class="uploading">
		<div class="uploading-left">
			<a href="" style="background:#2fc387;color: #FFFFFF;margin-right: 40px;"><img src="__STATIC__/img/chuan.png" style="width: 22px;"/>上传新应用</a>
			<a href="" style="width: 140px;"><img src="__STATIC__/img/tianjia_05.png" style="width: 22px;"/>添加空白应用</a>
		</div>
		<div class="uploading-right">
			<input type="text" placeholder="查找应用" />
		</div>
	</div>
	<!--我的应用列表-->
	<div class="mine">
		<h3>我的应用</h3>
		<a href="" class="complete">全部</a>
		<a href="" style="margin:0 10px;"><img src="__STATIC__/img/anzhuo-f_03.jpg" alt="" /></a>
		<a href=""><img src="__STATIC__/img/ios-f_05.jpg" alt="" /></a>
	</div>
	<div class="uselist">
		<ul class="row uselist-top">
			<li class="col-sm-3">应用名称</li>
			<li class="col-sm-5">状态</li>
			<li class="col-sm-1">下载次数</li>
			<li class="col-sm-3">操作</li>
		</ul>
		<ul class="row uselist-bot pink">
			<!--第一列-->
			<li class="col-sm-3">
				<div class="ico">
					<img src="__STATIC__/img/tubiao_03.png" alt=""/>
				</div>
				<div class="explain">
					<h3>九久娱乐<img src="__STATIC__/img/anzhuo-icon_03.png" alt="" class="anzhuo"/></h3>
					<p><img src="__STATIC__/img/neibu-icon_09.png" alt="" class="neibu" />服务器内部存储</p>
					<span><img src="__STATIC__/img/time-icon_12.png" alt="" style="width: 20px;margin-right: 10px;margin-bottom: 4px;"/>2017-05-09</span>
				</div>
			</li>
			<li class="col-sm-5">
				<a href="javascript:;" class="banned">封禁<div class="tishi">
					该软件涉嫌违法，请及时整改，清空不健康内容。
				</div></a>
			</li>
			<li class="col-sm-1">
				<div style="line-height: 100px;">0</div>
			</li>
			<li class="col-sm-3 s-pic">
				<div>
					<a href=""><img src="__STATIC__/img/pic_03.png" /></a>
				</div>
				<div class="qr-code">
					<a href=""><img src="__STATIC__/img/pic_05.png"/></a>
					<div class="erweima">
						<img src="__STATIC__/img/liantu.png"/>
					</div>
				</div>
				<div>
					<a href=""><img src="__STATIC__/img/pic_07.png" /></a>
				</div>
				<div class="shezhi">
					<a href="javascript:;"><img src="__STATIC__/img/pic_09.png" /></a>
					<ul class="conceal">
						<li>
							<a href=""><i><img src="__STATIC__/img/eye_03.png" alt="" /></i>查看应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/gengxin_06.png"/></i>更新应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/hebing_08.png"/></i>合并应用</a>
						</li>
						<li class="line"></li>
						<li>
							<a href="" class="red"><i><img src="__STATIC__/img/shanchu_10.png"/></i>删除应用</a>
						</li>
					</ul>

				</div>
				<div class="clear"></div>
			</li>
		</ul>

		<!--第二列-->
		<ul class="row uselist-bot">
			<li class="col-sm-3">
				<div class="ico">
					<img src="__STATIC__/img/tubiao_03.png" alt=""/>
				</div>
				<div class="explain">
					<h3>九久娱乐<img src="__STATIC__/img/ios-icon_06.png" alt="" class="ios"/></h3>
					<p><img src="__STATIC__/img/qiniu-icon_12.png" alt="" class="qiniu" />七牛云服务</p>
					<span><img src="__STATIC__/img/time-icon_12.png" alt="" style="width: 20px;margin-right: 10px;margin-bottom: 4px;"/>2017-05-09</span>
				</div>
			</li>
			<li class="col-sm-5">
				<!--<a href="javascript:;" class="banned">封禁<img src="__STATIC__/img/tishi_03.png" alt="" class="tishi" /></a>-->
			</li>
			<li class="col-sm-1">
				<div style="line-height: 100px;">3899999</div>
			</li>
			<li class="col-sm-3 s-pic">
				<div>
					<a href=""><img src="__STATIC__/img/pic_03.png" /></a>
				</div>
				<div class="qr-code">
					<a href=""><img src="__STATIC__/img/pic_05.png"/></a>
					<div class="erweima">
						<img src="__STATIC__/img/liantu.png"/>
					</div>
				</div>
				<div>
					<a href=""><img src="__STATIC__/img/pic_07.png" /></a>
				</div>
				<div class="shezhi">
					<a href="javascript:;"><img src="__STATIC__/img/pic_09.png" /></a>
					<ul class="conceal">
						<li>
							<a href=""><i><img src="__STATIC__/img/eye_03.png" alt="" /></i>查看应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/gengxin_06.png"/></i>更新应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/hebing_08.png"/></i>合并应用</a>
						</li>
						<li class="line"></li>
						<li>
							<a href="" class="red"><i><img src="__STATIC__/img/shanchu_10.png"/></i>删除应用</a>
						</li>
					</ul>

				</div>
				<div class="clear"></div>
			</li>
		</ul>
		<!--第三列-->
		<ul class="row uselist-bot">
			<li class="col-sm-3">
				<div class="ico">
					<img src="__STATIC__/img/tubiao_03.png" alt=""/>
				</div>
				<div class="explain">
					<h3>九久娱乐<img src="__STATIC__/img/anzhuo-icon_03.png" alt="" class="anzhuo"/></h3>
					<p><img src="__STATIC__/img/neibu-icon_09.png" alt="" class="neibu" />服务器内部存储</p>
					<span><img src="__STATIC__/img/time-icon_12.png" alt="" style="width: 20px;margin-right: 10px;margin-bottom: 4px;"/>2017-05-09</span>
				</div>
			</li>
			<li class="col-sm-5">
				<!--<a href="javascript:;" class="banned">封禁<img src="__STATIC__/img/tishi_03.png" alt="" class="tishi" /></a>-->
			</li>
			<li class="col-sm-1">
				<div style="line-height: 100px;">0</div>
			</li>
			<li class="col-sm-3 s-pic">
				<div>
					<a href=""><img src="__STATIC__/img/pic_03.png" /></a>
				</div>
				<div>
					<a href=""><img src="__STATIC__/img/pic_05.png" /></a>
				</div>
				<div>
					<a href=""><img src="__STATIC__/img/pic_07.png" /></a>
				</div>
				<div class="shezhi">
					<a href="javascript:;"><img src="__STATIC__/img/pic_09.png" /></a>
					<ul class="conceal">
						<li>
							<a href=""><i><img src="__STATIC__/img/eye_03.png" alt="" /></i>查看应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/gengxin_06.png"/></i>更新应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/hebing_08.png"/></i>合并应用</a>
						</li>
						<li class="line"></li>
						<li>
							<a href="" class="red"><i><img src="__STATIC__/img/shanchu_10.png"/></i>删除应用</a>
						</li>
					</ul>

				</div>
				<div class="clear"></div>
			</li>
		</ul>
	<!--第四列-->
	<ul class="row uselist-bot gray">
			<li class="col-sm-3">
				<div class="ico">
					<img src="__STATIC__/img/tubiao_03.png" alt=""/>
				</div>
				<div class="explain">
					<h3>九久娱乐<img src="__STATIC__/img/ios-icon_06.png" alt="" class="anzhuo"/></h3>
					<p><img src="__STATIC__/img/neibu-icon_09.png" alt="" class="neibu"/>服务器内部存储</p>
					<span><img src="__STATIC__/img/time-icon_12.png" alt="" style="width: 20px;margin-right: 10px;margin-bottom: 4px;"/>2017-05-09</span>
				</div>
			</li>
			<li class="col-sm-5">
				<!--<a href="javascript:;" class="banned">封禁<img src="__STATIC__/img/tishi_03.png" alt="" class="tishi" /></a>-->
			</li>
			<li class="col-sm-1">
				<div style="line-height: 100px;">0</div>
			</li>
			<li class="col-sm-3 s-pic">
				<div>
					<a href=""><img src="__STATIC__/img/pic_03.png" /></a>
				</div>
				<div>
					<a href=""><img src="__STATIC__/img/pic_05.png" /></a>
				</div>
				<div>
					<a href=""><img src="__STATIC__/img/pic_07.png" /></a>
				</div>
				<div class="shezhi">
					<a href="javascript:;"><img src="__STATIC__/img/pic_09.png" /></a>
					<ul class="conceal">
						<li>
							<a href=""><i><img src="__STATIC__/img/eye_03.png" alt="" /></i>查看应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/gengxin_06.png"/></i>更新应用</a>
						</li>
						<li>
							<a href=""><i><img src="__STATIC__/img/hebing_08.png"/></i>合并应用</a>
						</li>
						<li class="line"></li>
						<li>
							<a href="" class="red"><i><img src="__STATIC__/img/shanchu_10.png"/></i>删除应用</a>
						</li>
					</ul>

				</div>
				<div class="clear"></div>
			</li>
		</ul>
	</div>
</div>
<script>
	$(function() {
		//封禁提示
		$(".banned").hover(function() {
			$(this).children(".tishi").css("display", "block");
		}, function() {
			$(this).children(".tishi").css("display", "none");
		});
		//二维码显示
		$(".qr-code").hover(function() {
			$(this).children(".erweima").css("display", "block");
		}, function() {
			$(this).children(".erweima").css("display", "none");
		});
		//设置点击弹出框
		$(".shezhi").click(function() {
			var conceal = $(this).children("ul");
			if(conceal.css("display") == "none") {
				conceal.show();
			} else {
				conceal.hide();
			}
		})
	})
</script>
<include file="Public/newset-footer" />